<style>
    .menu .active::after{
        color: red;
        content: "  ●";
    }
</style>
<div class="menu">
    {if !empty($menu.title)}<h2>{$menu.title}</h2>{/if}
    <ul>
        {foreach $menu.sub as $key1=>$item1}
        <li>
            <h3>
                <span class="{if isset($item1.active) && $item1.active}active{/if}">
                    {if !empty($item1.href)}<a href="{$item1.href}" target="{$item1.target}">{$item1.title}</a>{else/}{$item1.title}{/if}
                </span>
            </h3>
            <ul>
                {if !empty($item1.sub)}{foreach $item1.sub as $key2=>$item2}
                <li>
                    <span class="{if isset($item2.active) && $item2.active}active{/if}">
                        {if !empty($item2.href)}<a href="{$item2.href}" target="{$item2.target}">{$item2.title}</a>{else/}{$item2.title}{/if}
                    </span>
                </li>
                {/foreach}{/if}
            </ul>
        </li>
        {/foreach}
    </ul>
</div>
